$(function () {

    var magnifierConfig = {
        magnifier: "#magnifier1", //最外层的大容器
        width: 342, //承载容器宽
        height: 385, //承载容器高
        moveWidth: null, //如果设置了移动盒子的宽度，则不计算缩放比例
        zoom: 5 //缩放比例
    };

    var _magnifier = magnifier(magnifierConfig);
    // $("#box").xxx({ })
    /*magnifier的内置函数调用*/
    /*
        //设置magnifier函数的index属性
        _magnifier.setIndex(1);

        //重新载入主图,根据magnifier函数的index属性
        _magnifier.eqImg();
    */

    // 商品介绍-评价
    $('.prt-p span').on('click', function () {
        let index = $(this).index();

        $(this).addClass('prt-pon').siblings('span').removeClass('prt-pon')

        $('.dofp').eq(index).addClass('dofp-on').siblings('.dofp').removeClass('dofp-on')


    })


    // coms-评价
    $('.pj').on('click', function () {

        let index = $(this).index()

        $(this).addClass('dap-on').siblings('span').removeClass('dap-on')

        $('.coms').eq(index).addClass('coms-on').siblings('.coms').removeClass('coms-on')

    })

    // 此处未完成
    $('.six').on('click', function () {

        let index = $(this).index();

        $(this).addClass('six-on').siblings('.six').removeClass('six-on')

        $('.zj').eq(index).addClass('comments-on').siblings('.zj').removeClass('comments-on')

        if(index<5){
            $('.nex').css('display','inline-block')
            $('.pt').text('......').css('width','32px')
        }
        else if(index==5){
            $('.nex').css('display','none')
            $('.pt').text('没有了').css('width','100px')

        }
    })

    // xiayiye
    $('.nex').on('click', function () {


        let index = $('.six-on').index()+1;

        if(index==5){
            $('.nex').css('display','none')
            $('.pt').text('没有了').css('width','100px')

        }
        

        console.log(index)
        $('.zj').eq(index).addClass('comments-on').siblings('.zj').removeClass('comments-on')
        $('.six').eq(index).addClass('six-on').siblings('.six').removeClass('six-on')


    })



    // 选择版本
    $('.chose').on('click', function () {

        let index = $(this).index();

        $(this).addClass('chose-on').siblings('.chose').removeClass('chose-on').find('img').removeClass('chose-img')

        $(this).find('img').addClass('chose-img')


    })

    // num

    $('.jia').on('click',function(){

        let i=$('.tnum').val()
        i++
        $('.tnum').val(i)
        console.log(i)

    })

    $('.jian').on('click',function(){

        let i=$('.tnum').val()
        i--
        
        if(i<=0){
            i=0
        }
        console.log(i)
        $('.tnum').val(i)
    })

    $('.addsome').on('click',function(){

        let i=$('.tnum').val()
        i++
        $('.tnum').val(i)
        console.log(i)

    })


    $('.addsome').on('click',function(){

        window.location.href='../code/Shopping-cart.html'

    })
});